<template>
  <el-cascader
    :value="value"
    size="mini"
    :options="options"
    :props="{ label: 'name', value: 'id' }"
    separator="-"
    @change="hChange"
  />
</template>

<script>
import { getTexture } from '@/api/department'
import { arrTree } from '@/utils'
export default {
  props: {
    value: {
      type: Number,
      default: null
    }
  },
  data() {
    return {
      options: []
    }
  },
  created() {
    this.getData()
  },
  methods: {
    async getData() {
      const res = await getTexture()
      // console.log(res.data)
      // 将获取的平铺数据转换为树型结构
      this.options = arrTree(res.data, 0)
    },
    hChange(e) {
      // 获取数组最后一个 id
      const id = e[e.length - 1]
      //   console.log(id)
      // 将获取到的 id 传给父组件
      this.$emit('input', id)
    }
  }
}
</script>

<style>

</style>
